import React, { Component } from 'react';
import './App.css';
import Home from './pages/Home';
import About from './pages/About';
import Contact from './pages/Contact';
import { BrowserRouter as Router, Route, Link } from "react-router-dom";

class App extends Component {
  render() {
    return (
      <Router>
        <div>
          <div className="container">
            <div className="row">
              <div className="col-sm-2 offset-6">
                <Link to='/'>Home</Link>
              </div>
              <div className="col-sm-1">
                <Link to='/about'>About</Link>
              </div>
              <div className="col-sm-2">
                <Link to='/contact'>Contact US</Link>
              </div>
            </div>
          </div>
          <Route exact path='/' component={Home} />
          <Route path='/about' component={About} />
          <Route path='/contact' component={Contact} />
        </div>
        
      </Router>
      
    );
  }
}

export default App;
